<template>
	<view class="bottomPage">
		<view class="bj">
			<view class="content">
				<view class="top">
					<image mode="widthFix" src="@/static/logo2.png"></image>
					<view class="right">
						<view class="item" v-for="(item, index) in typeList" :key="index">
							<view class="title">
								{{ item.title }}
							</view>
							<view class="children" v-for="(item2, index2) in item.children" :key="index2"
								@click="jumpPage(item)">
								{{ item2.text }}
							</view>
						</view>
					</view>
				</view>
				<view class="bottom">
					<view class="left">
						<view class="title">
							咨询电话
						</view>
						<span>T：+86-188 2657 6886</span>
						<span>E：liqin@sjyski.com</span>
					</view>
					<view class="right">
						<view class="title">
							公司地址
						</view>
						<span>
							深圳市坪山区龙田街道龙田社区吓坡村4-2号2栋102
						</span>
					</view>
				</view>
			</view>
		</view>
		<view class="bj2">
			<view class="content">
				<view class="">
					{{ icp }}
				</view>
				<view class="" style="display: none;">
					技术支持 <a href="https://aisisoft.cn/">艾思科技</a>
				</view>
				<view class="">
					Site Map
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import utils from '@/utils/util.js'
	import storage from '@/storage/storage.js'
	import config from '@/config/config.js'
	import request from '@/api/index.js'
	
	export default {
		data() {
			return {
				typeList: [{
					title: '关于',
					path: 'about',
					children: [{
						text: '关于我们',
					}, {
						text: '合作伙伴',
					}, {
						text: '核心团队',
					}, {
						text: '价值观',
					}]
				}, {
					title: '产品',
					path: 'product',
					children: [{
						text: '产品介绍',
					}]
				}, {
					title: '产品应用',
					path: 'area',
					children: [{
						text: '应用领域',
					}]
				}, {
					title: '联系',
					children: [{
						text: '联系我们',
					}]
				}],
				icp: ''
			}
		},
		created() {
			this.getInitConfig()
		},
		methods: {
			getInitConfig() {
				request.getInitConfig().then(res => {
					// console.log('我是底部icp', res);
					this.icp = res.data.icp
				})
			},
			jumpPage(val) {
				uni.navigateTo({
					url: `/pages/${val.path}/src/main`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bj,
	.bj2 {
		.content {
			width: 90%;
			margin: 0 auto;
		}
	}

	.bj {
		background: #4864A7;
		padding: 3vw 0;

		.content {

			.top {
				display: flex;
				justify-content: space-between;

				image {
					width: 275px;
				}

				.right {
					width: calc(100% - 295px);
					display: flex;
					justify-content: flex-end;

					.item {
						width: 17%;
						margin-left: 5%;
						font-size: 20px;
						font-family: MicrosoftYaHei-, MicrosoftYaHei;
						font-weight: normal;
						color: #FFFFFF;

						.title {
							border-bottom: 1px solid #fff;
						}

						.children {
							font-size: 14px;
							color: #FFFFFF;
							line-height: 36px;
						}
					}

					.title:hover,
					.children:hover {
						color: #B4CAFF;
						cursor: pointer;
					}
				}
			}

			.bottom {
				display: flex;
				justify-content: space-between;

				view {
					width: 50%;
					font-size: 16px;
					font-family: MicrosoftYaHei-, MicrosoftYaHei;
					font-weight: normal;
					color: #FFFFFF;
				}

				.left {
					span {
						margin-right: 20px;
					}
				}

				.title {
					font-size: 20px;
				}
			}
		}
	}

	.bj2 {
		background: #515151;
		padding: 2vw 0;

		.content {
			display: flex;
			justify-content: space-between;
			font-size: 16px;
			font-family: ArialMT-, ArialMT;
			font-weight: normal;
			color: #FFFFFF;
		}
	}
</style>